﻿<script src="~/Scripts/ChurchControllers/ChurchMemberFamilyInfoController.js"></script>
<div class="row">
    <div class="col-md-12" ng-controller="ChurchMemberFamilyInfoController">
        <div class="bg-white bs-0 mb-20 widget">
            <div class="custom-grid-header">
                <div class="custom-grid-name">
                    {{entity.FamilyName}}
                </div>
                <div class="custom-grid-menu">
                    <ul class="custom-grid-menu-ul pull-right">
                        <li class="custom-grid-menu-ul-li">
                            <a href="Family" class="text-white"><i class="zmdi zmdi-tag-backspace"></i></a>
                        </li>
                        <li class="custom-grid-menu-ul-li dropdown">
                            <a href="javascript:;" class="dropdown-toggle text-white"><i class="zmdi zmdi-print"></i></a>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="widget-body">
                <div class="ChurchworkerDetails-Container">
                    <div class="ChurchworkerDetails-CoverPic">
                    </div>
                    <div class="ChurchworkerDetails-Details">
                        <div class="ChurchworkerDetails-Details-profile">
                            <div class="ChurchworkerDetails-Details-profile-imgdiv">
                                <img src="~/Images/_ErrorImage.png" actual-image="{{entity.Applications.ApplicantPhoto}}" on-error-src="~/Images/_LoadImage.jpg">
                                <div class="ChurchworkerDetails-Details-profile-img-row"><b>{{entity.FamilyName}}</b></div>
                                <div class="ChurchworkerDetails-Details-profile-img-row">{{entity.ContactNo}}</div>
                                <div class="ChurchworkerDetails-Details-profile-img-row" ng-show="entity.ContactEmail!=''">{{entity.ContactEmail}}</div>
                                <div class="ChurchworkerDetails-Details-profile-img-row" ng-if="entity.Applications.ApplicantSoftCopy!=''"><a href="{{entity.Applications.ApplicantSoftCopy}}" target="_blank">View Application</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="ChurchworkerDetails-Details-profiledetails">
                        <table class="table table-striped table-bordered">
                            <tbody>
                                <tr>
                                    <td colspan="6" class="header-row">Family Details</td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;">Family No</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;">{{entity.FamilyNo}}</td>
                                    <td style="width: 20%;">Family Name</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;"><span ng-show="entity.FamilyName.length!=0">{{entity.FamilyName}}</span><span ng-show="entity.FamilyName.length==0">-</span></td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;">Current Status</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;"><span ng-show="entity.CurrentStatus.ChurchWorkerStatusName.length!=0">{{entity.CurrentStatus.ChurchWorkerStatusName}}</span><span ng-show="entity.CurrentStatus.ChurchWorkerStatusName.length==0">-</span></td>
                                    <td style="width: 20%;">Contact No</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;"><span ng-show="entity.ContactNo.length!=0">{{entity.ContactNo}}</span><span ng-show="entity.ContactNo.length==0">-</span></td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;">Contact Email</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;"><span ng-show="entity.ContactEmail!=null">{{entity.ContactEmail.length}}</span><span ng-show="entity.ContactEmail==null">-</span></td>
                                    <td style="width: 20%;">Is Login Created</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;"><span ng-show="entity.CreateLogin">Yes</span><span ng-hide="entity.CreateLogin">No</span></td>
                                </tr>
                                <tr ng-if="entity.Remarks!=''">
                                    <td style="width: 20%;">Remarks</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;" colspan="4">{{entity.Remarks}}</td>
                                </tr>
                                <tr>
                                    <td colspan="6" class="header-row">Applicant Details</td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;">Application No</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;">{{entity.Applications.ApplicationNo}}</td>
                                    <td style="width: 20%;">Applicant Name</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;"><span ng-show="entity.Applications.ApplicantFirstName.length!=0">{{entity.Applications.NameTitle.NameTitle}}. {{entity.Applications.Initial}} {{entity.Applications.ApplicantFirstName}} {{entity.Applications.ApplicantMiddleName}} {{entity.Applications.ApplicantLastName}}</span><span ng-show="entity.Applications.ApplicantFirstName.length==0">-</span></td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;">Applicant Contact No</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;">{{entity.ContactNo}}</td>
                                    <td style="width: 20%;">Applicant Email</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;"><span ng-show="entity.ContactEmail.length!=0">{{entity.ContactEmail}}</span><span ng-show="entity.ContactEmail.length==0">-</span></td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;">Occupation</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;" colspan="4"><span ng-show="entity.Applications.Family.Occupation.length!=0">{{entity.Applications.Family.Occupation}}</span><span ng-show="entity.Applications.Family.Occupation.length==0">-</span></td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;" colspan="3">Place of Church to which Membership sought for</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;" colspan="4">{{entity.Applications.PlaceOfChurch}}</td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;" colspan="3">Since when you are attending this Church</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;" colspan="4">{{entity.Applications.SinceWhen}}</td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;" colspan="3">Previous Church in which you had membership</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;" colspan="4">{{entity.Applications.PreviousChurch}}</td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;" colspan="3">Reason for selecting this church</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;" colspan="4">{{entity.Applications.ReasonforSelecting}}</td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;">Place of Application</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;" colspan="4">{{entity.Applications.ApplicationPlace}}</td>
                                </tr>
                                <tr>
                                    <td style="width: 20%;">Date Of Application</td>
                                    <td style="width: 3%; text-align: center;">:</td>
                                    <td style="width: 27%;" colspan="4">{{entity.Applications.ApplicationDate}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    @Html.Action("_ChurchMemberFamilyMembers", "ChurchMember", new { area = "Church" })
</div>
